<template>
      <div class="constraint corporate-us comm-p-100">
            <ul class="grid">
                  <li class="of_hidden relative flex-1" v-for="(corporateItem, corporateIndex) in corporateList"
                        :key="corporateIndex">
                        <a class="flex"
                              :href="'/brief/introduction/index.html#' + (corporateIndex == 0 ? 'brief-1' : corporateIndex == 1 ? 'brief-5' : 'brief-6')">
                              <img :src="corporateItem.bg_url" :alt="corporateItem.text">
                              <div class="cor-tit-box flex ali-center jus-center">
                                    <span>{{ corporateItem.text }}</span>
                              </div>
                        </a>
                  </li>
            </ul>
      </div>
</template>

<script lang="ts" setup>
import { corporateList } from '@/config/assets.config'
</script>